
.m-myPro {
  padding: 20px 0;
}

#filePic {
  width: 150px;
  height: 150px;
  position: relative;
  z-index: 1;
  display: inline-block;
  filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity: 0;
  opacity: 0;
}

.filePic-li {
  position: relative;
  height: 150px;
  > div {
    width: 150px;
    height: 150px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #bbbbbb;
    position: absolute;
    top: 0;
    >img{
      width: 100%;
      height: 100%;
    }
    > p,h4{
      margin: 0;
      width: 50px;
      height: 2px;
      background: #ddd;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    >h4{
      width: 2px;
      height: 50px;
    }
  }
}

@media screen and (min-width: 768px){
  .filePic-li>div{
    left: 116px;
  }
}

@media screen and (max-width: 767px){
  .filePic-li>div{
    left:0;
  }
}